@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*
 * Tabs
 */
#TabsToolbar {
  background: none !important;
}

.tabbrowser-tab .tab-close-button {
  -moz-margin-start: 0 !important;
}

#TabsToolbar .toolbarbutton-1:first-child {
  -moz-margin-start: 0 !important;
}

.tab-background-start:-moz-locale-dir(ltr),
.tab-background-end:-moz-locale-dir(rtl) {
  clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start) !important;
}

.tab-background-end:-moz-locale-dir(ltr),
.tab-background-start:-moz-locale-dir(rtl) {
  clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end) !important;
}

#main-window .tab-background-middle[selected=true] {
  background-clip: content-box !important;
  padding-top: 1.5px !important;
}

:-moz-any(.tab-background-start,.tab-background-end):not(:-moz-lwtheme)::before,
:-moz-any(.tab-background-start,.tab-background-end)::after {
  display: none !important;
}

.tab-background-start,
.tab-background-end {
  pointer-events: auto !important;
}

#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab[pinned],
.tabbrowser-tab:not([pinned]) {
  position: relative !important;
}

.tabbrowser-tab:hover {
  z-index: 1 !important;
}

.tabbrowser-tab[selected="true"] {
  z-index: 4 !important;
}

.tabbrowser-tab .tab-background:-moz-any(*) {
  background: none !important;
}

.tabbrowser-tab .tab-background::after {
  position: absolute !important;
  display: -moz-box !important;
  flex: 1 !important;
  content: "" !important;
  height: 31px !important;
  width: calc(100% + 30px) !important;
}

.tabbrowser-tab .tab-background::after {
  background-position: left 1px bottom, 31px bottom, right 1px bottom !important;
  background-repeat: no-repeat !important;
  background-size: 30px 100%, calc(100% - 62px) 100%, 30px 100% !important;
}

.tabbrowser-tab:hover:not([selected=true]) .tab-background::after,
.tabbrowser-tab[selected=true] .tab-background::after {
  background-image: url(chrome://browser/skin/tabbrowser/tab-background-start@2x.png),
    url(chrome://browser/skin/tabbrowser/tab-background-middle@2x.png),
    url(chrome://browser/skin/tabbrowser/tab-background-end@2x.png) !important;
}

.tabbrowser-tab[selected=true] .tab-background::after,
.tabbrowser-tab[selected=true]:-moz-lwtheme .tab-background::after {
  background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-start@2x.png),
    url(chrome://browser/skin/tabbrowser/tab-active-middle@2x.png),
    url(chrome://browser/skin/tabbrowser/tab-stroke-end@2x.png) !important;
}

#main-window :-moz-any(.tab-background-start, .tab-background-middle, .tab-background-end)[selected=true]:not(:-moz-lwtheme) {
  background-image: linear-gradient(#F1F1F1, #F1F1F1) !important;/*#EDEDED for tab-background-*.png*/
}

.tabbrowser-tab[selected=true]:-moz-lwtheme :-moz-any(.tab-background-end,.tab-background-start) {
  height: 32px !important;
  margin-bottom: -1px !important;
}

/*Tab separators v2*/
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.30)) left bottom/1px 100%,
              linear-gradient(rgba(61,75,87,0),rgba(61,75,87,.95)) center bottom/1px 100%,
              linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.30)) right bottom/1px 100% !important;
  background-repeat: no-repeat !important;
  content: "" !important;
  display: -moz-box !important;
  margin: 2px -1.5px 1px !important;
  width: 3px !important;
}

/*Non-Australis Fx tabs*/
#TabsToolbar[tabsontop] .tab-background,
#TabsToolbar[tabsontop] .tab-background::after {
  display: none !important;
}

#TabsToolbar[tabsontop] :-moz-any(.tabbrowser-tab, .tabs-newtab-button):not(:-moz-lwtheme) {
    background-image: linear-gradient(#C9C9C9, #D1D1D1) !important;
}

#TabsToolbar[tabsontop=false] :-moz-any(.tabbrowser-tab, .tabs-newtab-button):not(:-moz-lwtheme) {
    padding: 2px 0 3px !important;
}

#TabsToolbar[tabsontop] :-moz-any(.tabbrowser-tab, .tabs-newtab-button):not(:-moz-lwtheme):hover {
    background-image: linear-gradient(#D5D5D5, #E1E1E1) !important;
}

#TabsToolbar[tabsontop] .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
  background-image: linear-gradient(#F1F1F1, #F1F1F1) !important;
  z-index: 2 !important;
}

#navigator-toolbox[tabsontop=false]:not(:-moz-lwtheme)::after {
  visibility: visible !important;
}

#nav-bar[tabsontop=true]:not(:-moz-lwtheme) {
  box-shadow: 0 -1px 1px rgba(26, 26, 26, 0.4) !important;
  background-image: none !important;
  position: relative !important;
  z-index: 1 !important;
}

#navigator-toolbox[tabsontop=false] > toolbar:not(:-moz-lwtheme) {
  background: none !important;
  border-top: 0 !important;
}

/*
 * Remove border radius
 */
#main-menubar,
#downloads-indicator-progress > spacer,
#downloads-indicator-progress,
#nav-bar, #appmenu-button, .findbar-textbox, .autocomplete-richlistitem, #notification-popup-box,
#searchFilter, #searchbar .searchbar-textbox, #urlbar,
panelview toolbarbutton, #widget-overflow-list > toolbarbutton,
.customizationmode-button,
menu, menuitem {
  border-radius: 0 !important;
}

/*
 * Toolbars
 */
#nav-bar:not(:-moz-lwtheme):not([tabsontop]) {
  box-shadow: none !important;
  border-top-color: #9AA2AA !important;
}

#main-window[customizing="true"] #navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar) {
  visibility: visible !important;
  border-left: 1px solid rgba(10, 31, 51, 0.35) !important;
  border-right: 1px solid rgba(10, 31, 51, 0.35) !important;
}

#placesToolbar, #placesList, #detailsDeck,
#main-window:not([privatebrowsingmode]) #navigator-toolbox:not([tabsontop=false]) > toolbar:not(#nav-bar):not(#TabsToolbar):not(#toolbar-menubar):not(:-moz-lwtheme),
#nav-bar:not(:-moz-lwtheme),
notification[value="translation"],
#browser-bottombox:not(:-moz-lwtheme),
.browserContainer > findbar {
  background: #F1F1F1 !important;
}

#nav-bar:not(:-moz-lwtheme) {
  background-image: linear-gradient(#FBFBFB 0%, #F1F1F1 1px) !important;
}

#PersonalToolbar {
  padding: 0px 0px 1px !important;
  margin-top: -4px !important;
  position: relative !important;
  z-index: 2 !important;
  margin:-2px 0 0 0!important;
}

#main-window[customizing=true] #PersonalToolbar {
  margin-top: -1px !important;
}

#main-window:not([customizing=true]) #PersonalToolbar:not(:-moz-lwtheme):not([tabsontop])::after {
  content: "" !important;
  display: -moz-box !important;
  position: fixed !important;
  right: 1px !important;
  float: right !important;
  margin-top: -8px !important;
  width: 50px !important;
  height: 8px !important;
  background: linear-gradient(rgba(241,241,241,0), rgba(241,241,241,1) 80%) !important;
  pointer-events: none !important;
}

#main-window[privatebrowsingmode]:not([customizing=true]) #PersonalToolbar:not([tabsontop])::after {
  background: linear-gradient(rgba(85,85,85,0), rgba(85,85,85,1) 80%) !important;
}

#personal-bookmarks {
  min-height: 0 !important;
}

#PersonalToolbar toolbarbutton {
  -moz-appearance: none !important;
  height: 22px !important;
}

#PersonalToolbar toolbaritem > separator {
  margin: 0 !important;
}

#PersonalToolbar toolbarbutton:not([type=menu-button]) {
  margin: 0 !important;
  padding: 1px 2px!important;
}

#placesToolbar {
  padding: 4px !important;
}

#placeContent {
  background: #FDFDFD !important;
}

#placesToolbar :-moz-any(toolbarbutton,menu,menuitem) {
  -moz-appearance: none !important;
  padding: 1px 4px !important;
}

#placesToolbar :-moz-any(toolbarbutton,menu,menuitem,textbox) {
  height: 23px !important;
}

#nav-bar-customization-target > .toolbarbutton-1 .toolbarbutton-icon {
  max-height: 24px !important;  
}

#navigator-toolbox:not(:-moz-lwtheme)::after {
  background: #C1C1C1 !important;
}

/*Prevent hidding toolbars on about: pages*/
#main-window[disablechrome=true] #navigator-toolbox[tabsontop="true"] toolbar:not([collapsed="true"]) {
  visibility: visible !important;
}

#main-window[disablechrome=true] #navigator-toolbox[tabsontop="true"]::after {
  visibility: visible !important;
}

/*
 * Back-Forward button
 */
#nav-bar-customization-target #back-button > .toolbarbutton-icon {
  padding: 6px !important;
}

window:not([chromehidden~="toolbar"]) #urlbar-container > #back-button + #forward-button + * + #urlbar-wrapper {
  -moz-margin-start: -29px !important;
  -moz-padding-start: 29px !important;
}

window[tabsontop]:not([chromehidden~="toolbar"]) #urlbar-container {
  -moz-margin-start: -26px !important;
}

#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] :-moz-any(#back-button,#forward-button) > .toolbarbutton-icon,
#nav-bar-customization-target :-moz-any(#back-button,#forward-button) > .toolbarbutton-icon {
  border: 0px solid rgba(24, 25, 26, 0.27) !important;
  background: rgba(250,251,252,.5) !important;
  box-shadow: 0 0 0 1px rgba(24, 25, 26, 0.35) !important;
  transition-property: background-color, box-shadow !important;
}

#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] :-moz-any(#back-button,#forward-button):hover:not([disabled=true]) > .toolbarbutton-icon,
#nav-bar-customization-target :-moz-any(#back-button,#forward-button):hover:not([disabled=true]) > .toolbarbutton-icon {
  background: rgba(24, 25, 26, 0.08) !important;
}

#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] :-moz-any(#back-button,#forward-button):-moz-any(:hover:active,[open=true]):not([disabled=true]) > .toolbarbutton-icon,
#nav-bar-customization-target :-moz-any(#back-button,#forward-button):-moz-any(:hover:active,[open=true]):not([disabled=true]) > .toolbarbutton-icon {
  background: rgba(24, 25, 26, 0.1) !important;
  box-shadow: 0 1px 0 0 hsla(210, 4%, 10%, 0.1) inset, 0 0 0 1px rgba(24, 25, 26, 0.35) !important;
}

#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] :-moz-any(#back-button,#forward-button):not([disabled=true]) > .toolbarbutton-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar-customization-target :-moz-any(#back-button,#forward-button):not([disabled=true]) > .toolbarbutton-icon {
  box-shadow: 0 0 0 1px rgba(240, 250, 255, .8) !important;
  border-color: rgba(0, 0, 0, 0.32) !important;
}

#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] :-moz-any(#back-button,#forward-button):hover:not([disabled=true]) > .toolbarbutton-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar-customization-target :-moz-any(#back-button,#forward-button):hover:not([disabled=true]) > .toolbarbutton-icon {
  background: rgba(240, 250, 255, .7) !important;
}

#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] :-moz-any(#back-button,#forward-button):-moz-any(:hover:active,[open=true]):not([disabled=true]) > .toolbarbutton-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar-customization-target :-moz-any(#back-button,#forward-button):-moz-any(:hover:active,[open=true]):not([disabled=true]) > .toolbarbutton-icon {
  background: rgba(240, 250, 255, .8) !important;
  box-shadow: 0 1px 0 0 rgba(240, 250, 255, .8) inset, 0 0 0 1px rgba(240, 250, 255, .8) !important;
}

#main-window:not([tabsontop]) #nav-bar #forward-button > .toolbarbutton-icon {
  box-shadow: none !important;
  border-width: 1px !important;
  -moz-border-start: 0 !important;
}

#main-window[tabsontop]:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button:not([disabled=true]) > .toolbarbutton-icon {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.32) !important;
  -moz-margin-end: 0px !important;
}

#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button > .toolbarbutton-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme-brighttext) #nav-bar-customization-target #forward-button > .toolbarbutton-icon {
  background-clip: padding-box !important;
}

/*
 * Global buttons
 */
.toolbarbutton-menubutton-button {
  -moz-margin-end: -0.5px !important;
}

.toolbarbutton-menubutton-dropmarker {
  -moz-margin-start: -0.5px !important;
}

.toolbarbutton-menubutton-dropmarker:before {
  box-shadow: none !important;
}

#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) .toolbarbutton-menubutton-dropmarker:before {
  background: rgba(240, 250, 255, 0.3) !important;
}

#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button image {
  padding: 2px 5px !important;
}

#main-window menugroup > menuitem {
  height: auto !important;
}

menugroup#context-navigation {
  margin: 0 !important;
  margin-top: -4px !important;
  padding: 4px 0 !important;
  background: #FBFBFB !important;
}

#main-window menugroup#context-navigation + menuseparator {
  margin-top: 0 !important;
}

menu,
splitmenu,
.splitmenu-menuitem,
menuitem:not(.panel-subview-footer) {
  -moz-appearance: none !important;
  min-height: 23px !important;
  height: 23px !important;
  padding: 0 !important;
  margin: 0 4px !important;
}

.subviewbutton:not(.panel-subview-footer) {
  min-height: 23px !important;
  height: 23px !important;
}

.autocomplete-treebody::-moz-tree-row {
  min-height: 20px !important;
}

.autocomplete-treebody::-moz-tree-cell-text {
  color: #333 !important;
}

.autocomplete-treebody::-moz-tree-cell(suggesthint) {
  margin-top: -1px !important;
  padding-top: 1px !important;
  border-top: 1px solid rgba(24, 25, 26, 0.15) !important;
}

.subviewbutton:not(.panel-subview-footer) > .toolbarbutton-text {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

menu .menu-right {
  -moz-appearance: none !important;
  -moz-margin-start: 4px !important;
  -moz-margin-end: 6px !important;
  height: 10px !important;
  width: 10px !important;
  background: url("chrome://global/skin/arrow/arrow-rit-sharp.gif") center no-repeat !important;
  opacity: .7 !important;
}

.splitmenu-menuitem,
.splitmenu-menu {
  margin:0 !important;
}

.splitmenu-menuitem {
  -moz-margin-end: -1px !important;
}

.menu-iconic-left {
  -moz-appearance: none !important;
  min-width: 16px !important;
  width: 16px !important;
  padding: 0 !important;
  margin:0 6px !important;
}

.splitmenu-menuitem .menu-iconic-left {
  margin-bottom: 1px !important;
}

.menu-text {
  -moz-appearance: none !important;
  -moz-padding-start: 28px !important;
}

menuitem[checked=true]::before {
  display: -moz-box !important;
  -moz-box-align: center !important;
  -moz-box-pack: center !important;
  width: 16px !important;
  height: 14px !important;
  margin: 0 6px !important;
}

menuitem[checked="true"]:not([name])::before,
menuitem[type="checkbox"][checked="true"]::before {
  content: "" !important;
  background: url("chrome://global/skin/menu/shared-menu-check.png") no-repeat center center !important;
  background-size: 14px !important;
}

.subviewbutton[checked="true"] {
  background-size: 14px !important;
}

menuitem[type="radio"][checked="true"]::before {
  content: "" !important;
  background: radial-gradient(circle, #505559 4px, #505559 4px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0) 100%) !important;
}

menuitem[checked="true"] > .menu-iconic-left {
  display: none !important;
}

:-moz-any(menupopup,.PanelUI-subView) menuseparator {
  -moz-appearance: none !important;
  background: rgba(24, 25, 26, 0.15) !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 4px 0 !important;
}

#nav-bar > toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon,
#nav-bar-customization-target > toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon {
  margin: 0 5px !important;
}

:-moz-any(menu,menuitem,.splitmenu-menuitem, splitmenu):not(.panel-subview-footer),
#main-window :-moz-any(menu,menuitem,.splitmenu-menuitem, splitmenu):not(.panel-subview-footer),
:-moz-any(#navigator-toolbox, #browser-bottombox, #placesToolbox) toolbar:not(#TabsToolbar):not(#nav-bar):not(#developer-toolbar):not(#PersonalToolbar) toolbarbutton,
treechildren::-moz-tree-row,
.findbar-container toolbarbutton:not([class^="findbar-find"]),
#nav-bar:not([currentset*="unified-back-forward-button,urlbar-container"]) #unified-back-forward-button .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(#back-button):not(#forward-button) > :-moz-any(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: none repeat scroll 0 0 padding-box rgba(231, 237, 242, 0) !important;
  border: 1px solid rgba(23, 51, 78, 0) !important;
  border-radius: 0 !important;
  box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 
    0 1px rgba(23, 51, 78, 0), 
    0 0 2px rgba(23, 51, 78, 0) !important;
  transition-duration: 250ms !important;
  transition-property: background-color, border-color !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) richlistitem[exists][state="1"] > vbox:hover,
:-moz-any(#downloadsListBox, #downloadsRichListBox) .downloadButton:hover,
#downloadsRichListBox > richlistitem:-moz-any([selected],:hover),
#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem:hover,
:-moz-any(menu,menuitem,.splitmenu-menuitem,splitmenu)[disabled="true"]:hover,
#main-window :-moz-any(menu,menuitem,.splitmenu-menuitem,splitmenu)[disabled="true"]:hover,
treechildren::-moz-tree-row(selected,current),
#nav-bar .toolbarbutton-1:-moz-any(:hover, [open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#main-window:not(:-moz-lwtheme) #nav-bar #bookmarks-menu-button:not(:hover) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > image,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: rgba(24, 25, 26, .03) !important;
  border-color: rgba(24, 25, 26, 0.1) !important;
  box-shadow: none !important;
}

#main-window .splitmenu-menuitem[_moz-menuactive],
:-moz-any(menu,menuitem):-moz-any(:active:hover,:hover,[open],[checked="true"],[selected="true"]):not([disabled="true"]):not(.panel-subview-footer),
#main-window :-moz-any(menu,menuitem):-moz-any(:active:hover,:hover,[open],[checked="true"],[selected="true"]):not([disabled="true"]):not(.panel-subview-footer),
.findbar-container toolbarbutton:hover:not([class^="findbar-find"]):not([disabled]),
:-moz-any(#navigator-toolbox, #browser-bottombox, #placesToolbox) toolbar:not(#TabsToolbar):not(#nav-bar):not(#developer-toolbar):not(#PersonalToolbar) toolbarbutton:hover:not([disabled]),
treechildren.autocomplete-treebody::-moz-tree-row(hover,current),
treechildren.autocomplete-treebody::-moz-tree-row(selected,current),
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover,current),
treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover),
#nav-bar:not([currentset*="unified-back-forward-button,urlbar-container"]) #unified-back-forward-button .toolbarbutton-1:hover:not([disabled]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:not([disabled]):not([open]):not(:active) > .toolbarbutton-icon, 
#nav-bar .toolbarbutton-1:hover:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:hover:not([disabled]):not([type="menu-button"]):not([checked]):not([open]):not(:active):not(#back-button):not(#forward-button) > :-moz-any(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container) {
  background: rgba(24, 25, 26, 0.08) !important;
  border-color: rgba(24, 25, 26, 0.1) !important;
  box-shadow: none !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) richlistitem[exists] > vbox:hover:active,
:-moz-any(#downloadsListBox, #downloadsRichListBox) .downloadButton:hover:active,
window :-moz-any(menuitem,.splitmenu-menuitem):active:hover:not([disabled="true"]):not([open="true"]):not(.panel-subview-footer),
.findbar-container toolbarbutton:-moz-any(:hover:active,[checked]):not([class^="findbar-find"]):not([disabled]),
treechildren::-moz-tree-row(selected,focus),
treechildren::-moz-tree-row(current,focus),
:-moz-any(#navigator-toolbox, #browser-bottombox, #placesToolbox) toolbar:not(#TabsToolbar):not(#nav-bar):not(#developer-toolbar):not(#PersonalToolbar) toolbarbutton:-moz-any(:hover:active,[open]):not([disabled]),
#nav-bar:not([currentset*="unified-back-forward-button,urlbar-container"]) #unified-back-forward-button .toolbarbutton-1:hover:active:not([disabled=true]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active:not([disabled]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:-moz-any([checked], *:hover:active):not([disabled=true]):not(#back-button):not(#forward-button) > :-moz-any(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container) {
  background: rgba(24, 25, 26, 0.12) !important;
  border-top-color: rgba(24, 25, 26, 0.2) !important;
  box-shadow: 0 1px 0 0 rgba(24, 25, 26, 0.1) inset !important;
  transition-duration: 10ms !important;
}

:-moz-any(menu,menuitem,.splitmenu-menuitem, splitmenu):not([disabled="true"]),
#main-window :-moz-any(menu,menuitem,.splitmenu-menuitem, splitmenu):not([disabled="true"]),
treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected) {
  color: unset !important;
}

/*
 * Bright buttons
 */
#main-window #main-menubar > menu:-moz-any(:active:hover,:hover,[open]),
#main-window[privatebrowsingmode] .findbar-container > toolbarbutton:hover:not([disabled]),
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) :-moz-any(#navigator-toolbox, #browser-bottombox) toolbar:not(#TabsToolbar):not(#nav-bar):not(#developer-toolbar) toolbarbutton:hover:not([disabled]),
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar:not([currentset*="unified-back-forward-button,urlbar-container"]) #unified-back-forward-button .toolbarbutton-1:hover:not([disabled]):not([open]):not(:active) > .toolbarbutton-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:not([disabled=true]):not([open]):not(:active) > .toolbarbutton-icon, 
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar .toolbarbutton-1:hover:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar .toolbarbutton-1:hover:not([disabled=true]):not([type="menu-button"]):not([checked]):not([open]):not(:active):not(#back-button):not(#forward-button) > :-moz-any(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container) {
  background: rgba(240, 250, 255, 0.3) !important;
  border-color: rgba(240, 250, 255, 0.4) !important;
}

#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar #bookmarks-menu-button:not(:hover) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > image,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar .toolbarbutton-1:-moz-any(:hover, [open]):not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar .toolbarbutton-1:hover:not([disabled=true]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: rgba(240, 250, 255, 0.1) !important;
  border-color: rgba(240, 250, 255, 0.2) !important;
}

#main-window[privatebrowsingmode] .findbar-container > toolbarbutton:-moz-any(:hover:active,[checked]):not([disabled=true]),
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) :-moz-any(#navigator-toolbox, #browser-bottombox) toolbar:not(#TabsToolbar):not(#nav-bar):not(#developer-toolbar) toolbarbutton:-moz-any(:hover:active,[open]):not([disabled=true]),
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar:not([currentset*="unified-back-forward-button,urlbar-container"]) #unified-back-forward-button .toolbarbutton-1:hover:active:not([disabled=true]) > .toolbarbutton-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active:not([disabled=true]) > .toolbarbutton-icon,
#main-window:-moz-any([privatebrowsingmode],:-moz-lwtheme) #nav-bar .toolbarbutton-1:-moz-any([checked], *:hover:active):not([disabled=true]):not([open]):not(#back-button):not(#forward-button) > :-moz-any(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container) {
  background: rgba(240, 250, 255, 0.4) !important;
  border-color: rgba(240, 250, 255, 0.45) !important;
  box-shadow: 0 1px 0 0 rgba(240, 250, 255, 0.35) inset !important;
  transition-duration: 10ms !important;
}

#main-window[privatebrowsingmode] :-moz-any(#nav-bar, #PersonalToolbar) :-moz-any(#home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #characterencoding-button, #email-link-button, #sidebar-button)[cui-areatype="toolbar"],
#main-window[privatebrowsingmode] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#main-window[privatebrowsingmode] :-moz-any(#back-button, #forward-button, #PanelUI-menu-button),
#nav-bar:not([currentset*="unified-back-forward-button,urlbar-container"]) #unified-back-forward-button .toolbarbutton-1[open],
#nav-bar > #bookmarks-menu-button[open],
#nav-bar :-moz-any(#downloads-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #developer-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button)[open], 
#bookmarks-menu-button > :-moz-any(.toolbarbutton-menubutton-dropmarker,.toolbarbutton-menubutton-button)[open] > image {
  list-style-image: url("chrome://browser/skin/Toolbar-inverted.png") !important;
}

#main-window[privatebrowsingmode] :-moz-any(#nav-bar, #PersonalToolbar) .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
#main-window[privatebrowsingmode] :-moz-any(#nav-bar, #PersonalToolbar) .toolbarbutton-1:not(#bookmarks-menu-button) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menu-dropmarker,
#nav-bar .toolbarbutton-1[open]:not(#bookmarks-menu-button) > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon {
  list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
}

#main-window:-moz-any(:-moz-lwtheme,:not(:-moz-lwtheme)) #bookmarks-menu-button > :-moz-any(.toolbarbutton-menubutton-dropmarker,.toolbarbutton-menubutton-button)[open] > image,
#main-window:-moz-any(:-moz-lwtheme,:not(:-moz-lwtheme)) #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open]:not([disabled]):not(#back-button):not(#forward-button) > :-moz-any(.toolbarbutton-text, .toolbarbutton-badge-container, .toolbarbutton-icon) {
  background: #177EE5 !important;
  border: 1px solid rgba(10, 51, 91, 0.1) !important;
  box-shadow: 0 1px 0 0 rgba(10, 51, 91, 0.1) inset !important;
  transition-duration: 10ms !important;
}

:-moz-any(toolbarbutton, menuitem, menu)[disabled=true] {
  opacity: .7 !important;
}

#main-window:not([privatebrowsingmode]) :-moz-any(#PanelUI-help, #home-button, #print-button, #downloads-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button):hover .toolbarbutton-icon, 
#identity-popup-help-icon:hover,
#bookmarks-menu-button:not([starred="true"]) > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon,
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:hover > .dropmarker-icon {
  filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id="darken"><feComponentTransfer><feFuncR type="linear" intercept="-0.1" slope="1"/><feFuncG type="linear" intercept="-0.1" slope="1"/><feFuncB type="linear" intercept="-0.1" slope="1"/></feComponentTransfer></filter></svg>#darken') !important;
}

/*
 * Download button indicator
 */
#nav-bar #downloads-button[open] #downloads-indicator-icon,
#main-window[privatebrowsingmode] #nav-bar #downloads-indicator-icon {
  background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat !important;
}

#nav-bar > #downloads-button[open] #downloads-indicator-icon,
#main-window[privatebrowsingmode] #nav-bar > #downloads-button #downloads-indicator-icon {
  background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90) center no-repeat !important;
}

#nav-bar:-moz-lwtheme-brighttext #downloads-button:not([counter]) > #downloads-indicator-anchor #downloads-indicator-counter,
#nav-bar #downloads-button[open]:not([counter]) > #downloads-indicator-anchor #downloads-indicator-counter,
#main-window[privatebrowsingmode] #nav-bar #downloads-button:not([counter]) > #downloads-indicator-anchor #downloads-indicator-counter {
  background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) center no-repeat !important;
  background-size: 12px !important;
}

#nav-bar:-moz-lwtheme-brighttext > #downloads-button:not([counter]) > #downloads-indicator-anchor #downloads-indicator-counter,
#nav-bar > #downloads-button[open]:not([counter]) > #downloads-indicator-anchor #downloads-indicator-counter,
#main-window[privatebrowsingmode] #nav-bar > #downloads-button:not([counter]) > #downloads-indicator-anchor #downloads-indicator-counter {
  background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90) center no-repeat !important;
  background-size: 12px !important;
}

#main-window[privatebrowsingmode] #nav-bar #downloads-button #downloads-indicator-counter,
#nav-bar #downloads-button[open] #downloads-indicator-counter {
  color: #FFF !important;
}

/*
 * Urlbar & searchbar
 */
#urlbar {
  padding: 0 !important;
}

#notification-popup-box {
  -moz-margin-end: -10px !important;
}

.notification-anchor-icon {
  margin: 0 3px !important;
}

#page-proxy-favicon {
  -moz-margin-start: 5px !important;
  -moz-margin-end: 2px !important;
}

#places textbox,
#urlbar:not(:-moz-lwtheme), 
.searchbar-textbox:not(:-moz-lwtheme) {
  background: rgba(255, 255, 255, 0.9) !important;
}

#places textbox:hover:not([focused]),
#urlbar:hover:not([focused]):not(:-moz-lwtheme), 
.searchbar-textbox:hover:not([focused]):not(:-moz-lwtheme) {
  opacity: .9 !important;
}

#urlbar:not(:-moz-lwtheme),
.searchbar-textbox:not(:-moz-lwtheme) {
  border-color: rgba(24, 25, 26, 0.27) !important;
}

#places textbox[focused],
#urlbar[focused]:not(:-moz-lwtheme), 
.searchbar-textbox[focused]:not(:-moz-lwtheme) {
  border-color: #4595E5 !important;
  background: #FFF !important;
}

#search-container[cui-areatype="menu-panel"] .searchbar-textbox {
  margin: 0 !important;
}

.urlbar-history-dropmarker {
  list-style-image: none !important;
  background: 0 !important;
  padding: 0 5px !important;
  -moz-margin-end: 3px !important;
}

.urlbar-history-dropmarker .dropmarker-icon {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 7px 5px 0 !important;
  border-color: transparent !important;
  border-top-color: #A1A1A1 !important;
}

.urlbar-history-dropmarker:hover .dropmarker-icon {
  border-top-color: #717171 !important;
}

.urlbar-history-dropmarker[open="true"] .dropmarker-icon,
.urlbar-history-dropmarker:hover:active .dropmarker-icon {
  border-top-color: #616161 !important;
}

/*
 * Awesome Bar
 */
#PopupAutoCompleteRichResult {
  border: 1px solid #A5A5A5 !important;
}

.autocomplete-richlistitem {
  outline: 0 !important;
}

.autocomplete-richlistitem[selected="true"] {
  background: #D8F2FF !important;
}

.autocomplete-richlistitem .ac-title-box .ac-comment,
.autocomplete-richlistitem .ac-title-box {
  font-size: 14px !important;
  color: #333 !important;
}

.autocomplete-richlistitem .ac-site-icon {
  -moz-margin-start: 10px !important;
  -moz-margin-end: 6px !important;
}

.autocomplete-richlistitem .ac-title-box > .ac-extra {
  font-size: 12px !important;
}

/*
 * Searchbox autocomplete
 */
#PopupAutoComplete {
  border: 1px solid #A5A5A5 !important;
}

treechildren.autocomplete-treebody::-moz-tree-row {
  min-height: 22px !important;
}

treechildren.autocomplete-treebody::-moz-tree-row(selected) {
  background: #0095DD !important;
  border-color: #0095DD !important;
  font-size: 12px !important;
  min-height: 22px !important;
}

treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
  color: #FFF !important;
}

/*
 * Stop-Go-Reload buttons
 */
#urlbar-go-button,
#urlbar-stop-button,
#urlbar-reload-button {
  padding: 0 4px !important;
  margin: -1px !important;
  -moz-margin-start: 0 !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
}

#urlbar-go-button:-moz-lwtheme,
#urlbar-stop-button:-moz-lwtheme,
#urlbar-reload-button:-moz-lwtheme {
  border-width: 0 !important;
  -moz-border-start-width: 1px !important;
  margin: 0 !important;
}

#urlbar-go-button {
  -moz-image-region: rect(0px, 42px, 14px, 28px) !important;
  background: #82BD5B !important;
  border-color: #6CB23E !important;
}

#urlbar-go-button:hover {
  background: #6CB23E !important;
}

#urlbar-go-button:hover:active {
  background: #64A43A !important;
  border-color: #64A43A !important;
}

#urlbar-reload-button:hover:not([disabled=true]) {
  -moz-image-region: rect(0px, 14px, 14px, 0px) !important;
  background: #EBEBEB !important;
  border-color: #C1C1C1 !important;
}

#urlbar-reload-button:hover:active:not([disabled=true]) {
  background: #DADADA !important;
}

#urlbar-stop-button:hover {
  -moz-image-region: rect(0px, 28px, 14px, 14px) !important;
  background: #C53436 !important;
  border-color: #C53436 !important;
}

#urlbar-stop-button:hover:active {
  background: #AE2325 !important;
  border-color: #AE2325 !important;
}

#urlbar-go-button .toolbarbutton-icon,
#urlbar-stop-button:hover .toolbarbutton-icon {
  filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id="white"><feComponentTransfer><feFuncR type="linear" intercept="1" slope="1"/><feFuncG type="linear" intercept="1" slope="1"/><feFuncB type="linear" intercept="1" slope="1"/></feComponentTransfer></filter></svg>#white') !important;
}

/*
 * Global menu buttons
 */
menulist {
  padding: 1px 2px !important;
}

menulist .menulist-dropmarker {
  -moz-appearance: none !important;
  list-style-image: url(chrome://global/skin/arrow/arrow-dn-sharp.gif) !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  opacity: .7 !important;
}

menulist menuitem:not(.panel-subview-footer) {
  padding: 0 4px !important;
  margin: 0 !important;
  width: 100% !important;
}

menulist menupopup:not(#BMB_bookmarksPopup),
#main-window menulist menupopup:not(#BMB_bookmarksPopup) {
  margin: 0 !important;
  padding: 0 !important;
}

menulist menupopup .popup-internal-box {
  padding: 4px !important;
}

#viewButton,
#editBookmarkPanelContent :-moz-any(menulist, button):not([type=repeat]) {
  -moz-appearance: none !important;
  margin: 1px 4px !important;
  padding: 0 3px !important;
  height: 25px !important;
  background-color: rgba(24, 25, 26, 0.08) !important;
  border: 1px solid rgba(24, 25, 26, 0.1) !important;
  flex: 1 !important;
}

#viewButton:hover,
#editBookmarkPanelContent :-moz-any(menulist, button):hover {
  background-color: rgba(24, 25, 26, 0.12) !important;
  border-color: rgba(24, 25, 26, 0.12) !important;
}

#viewButton:-moz-any(:hover:active,[open=true]),
#editBookmarkPanelContent :-moz-any(menulist, button):-moz-any(:hover:active,[open=true]) {
  background-color: rgba(24, 25, 26, 0.15) !important;
  border-color: rgba(24, 25, 26, 0.15) !important;
  box-shadow: 0 1px 0 0 rgba(24, 25, 26, 0.05) inset !important;
}

/*
 * Global buttons - Chameleon
 * Only for Bookmarks toolbar, for now
 */
#main-window #PersonalToolbar toolbarbutton {
  -moz-appearance: none !important;
  margin: 0 !important;
  border-radius: 2px !important;
  background: #fbfbfb !important;
  border: 1px solid #c1c1c1 !important;
  box-shadow: none !important;
  color: #333 !important;
  -moz-box-align: center !important;
  text-decoration: none !important;
  line-height: 20px !important;
  padding:2px 3px 3px !important;
}

#main-window #PersonalToolbar #PlacesChevron{
  padding:0px 6px !important;
}

#main-window #PersonalToolbar toolbarbutton[type="menu"] .toolbarbutton-menu-dropmarker {
  -moz-margin-end: 0 !important;
}

#main-window #PersonalToolbar toolbarbutton {
  border-color: transparent !important;
  background: transparent !important;
}

#main-window #PersonalToolbar toolbarbutton:hover:not([disabled=true]) {
  background: #ebebeb !important;
  border-color: #c1c1c1 !important;
}

#main-window #PersonalToolbar toolbarbutton:-moz-any(:hover:active,[open=true]):not([disabled=true]) {
  background: #dadada !important;
  border-color: #c1c1c1 !important;
}

/* 
 * Tab Modal Prompt boxes 
 */
tabmodalprompt {
  background-color: rgba(25, 25, 25, 0.4) !important;
}

.buttonContainer {
  padding: 0 !important;
}

.buttonContainer > button:not([hidden]) {
  display: -moz-box !important;
  -moz-box-flex: 1 !important;
  flex: 1 !important;
}

/*
 * Findbar
 */


.findbar-container {
  padding-left: 0 !important;
}

.findbar-container toolbarbutton:not([class^="findbar-find"]) {
  -moz-appearance: none !important;
  padding: 2px 4px !important;
  margin: 0 3px !important;
}

.findbar-find-previous,
.findbar-find-next {
  background: rgba(255,255,255,.6) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.findbar-find-previous:not([disabled]):hover,
.findbar-find-next:not([disabled]):hover {
  background: rgba(255,255,255,.7) !important;
}

.findbar-find-previous:not([disabled]):active,
.findbar-find-next:not([disabled]):active {
  background: rgba(23,50,76,.2) !important;
  box-shadow: 0 0 2px rgba(10,31,51,.2) inset !important;
}

.findbar-textbox {
  padding: 2px 5px !important;
}

.findbar-textbox[focused] {
  border-color: #4595E5 !important;
}

findbar description {
  margin: 0 15px !important;
  -moz-box-ordinal-group: 4 !important;
}

findbar spacer {
  -moz-box-ordinal-group: 5 !important;
}

findbar .findbar-closebutton {
  -moz-box-ordinal-group: 0 !important;
  margin: 0 0 0 5px !important;
}



/*
 * Dark Theme Private Browsing Mode
 */
#main-window[privatebrowsingmode] .tabbrowser-tab[selected=true] .tab-background::after {
  background-position: left 2px top, 31px top, right 2px top !important;
  background-size: 29px 30px, calc(100% - 62px) 30px, 29px 30px !important;
  margin-bottom: 1px !important;
}

#main-window[privatebrowsingmode] .tabbrowser-tab[selected=true] .tab-background::after {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id='full-dark'><feComponentTransfer><feFuncR type='linear' intercept='-1' slope='1'/><feFuncG type='linear' intercept='-1' slope='1'/> <feFuncB type='linear' intercept='-1' slope='1'/></feComponentTransfer><feComponentTransfer><feFuncR type='linear' intercept='0.1' slope='1'/><feFuncG type='linear' intercept='0.1' slope='1'/> <feFuncB type='linear' intercept='0.1' slope='1'/></feComponentTransfer></filter></svg>#full-dark");
}

#main-window[privatebrowsingmode] :-moz-any(.tab-background-start, .tab-background-end, .tab-background-middle)[selected=true] {
  background-image: linear-gradient(#555555, #555555) !important;
}

#main-window[privatebrowsingmode] #navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar),
#main-window[privatebrowsingmode] #browser-bottombox:not(:-moz-lwtheme),
#main-window[privatebrowsingmode] .browserContainer > findbar {
  background: #555555 !important;
}

#main-window[privatebrowsingmode] #nav-bar #urlbar:not([focused]), 
#main-window[privatebrowsingmode] #nav-bar .searchbar-textbox:not([focused]) {
  background: #262626 !important;
  border-color: #1A1A1A	!important;
  color: #FFF !important;
}

#main-window[privatebrowsingmode] #nav-bar {
  border-top-color: #565656 !important;
}

#main-window[privatebrowsingmode] #navigator-toolbox::after {
  background: #48494B !important;
}

#main-window[privatebrowsingmode] #nav-bar #urlbar[pageproxystate="valid"]:not([focused]) #identity-box:-moz-any(.chromeUI,.verifiedIdentity) {
  background: linear-gradient( rgba(255, 255, 255, .0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)) right center no-repeat !important;
  background-size: 1px auto !important;
  font-weight: bold !important;
}

#main-window[privatebrowsingmode][title_normal=Nightly] #nav-bar #urlbar[pageproxystate="valid"]:not([focused]) #identity-box.chromeUI {
  color: #1364B0 !important;
}

#main-window[privatebrowsingmode] findbar toolbarbutton,
#main-window[privatebrowsingmode] #PersonalToolbar toolbarbutton {
  color: #FFF !important;
}

#main-window[privatebrowsingmode] .tabbrowser-tab[selected] .tab-content {
  color: #FFF !important;
}

#main-window[privatebrowsingmode] findbar .close-icon:not(:hover),
#main-window[privatebrowsingmode] .tabbrowser-tab[selected] .close-icon:not(:hover) {
  -moz-image-region: rect(0, 64px, 16px, 48px) !important;
}

.private-browsing-indicator {
  visibility: collapse !important;
}

#main-window[privatebrowsingmode] #nav-bar #bookmarks-menu-button > :-moz-any(.toolbarbutton-menubutton-dropmarker,.toolbarbutton-menubutton-button)[open] > image,
#main-window[privatebrowsingmode] #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#main-window[privatebrowsingmode] #nav-bar .toolbarbutton-1[open]:not([disabled]):not(#back-button):not(#forward-button) > :-moz-any(.toolbarbutton-text, .toolbarbutton-badge-container, .toolbarbutton-icon) {
  background: hsl(280, 82%, 41%) !important;
  border: 1px solid rgba(10, 51, 91, 0.1) !important;
  box-shadow: 0 1px 0 0 rgba(10, 51, 91, 0.1) inset !important;
}

#main-window[privatebrowsingmode] #PanelUI-button {
  background: hsla(280, 82%, 41%, .6) !important;
  border-color: rgba(24, 25, 26, 0.4) !important;
}

#main-window[privatebrowsingmode] :-moz-any(.findbar-find-previous,.findbar-find-next):not([disabled]):active {
  background: rgba(255,255,255,.85) !important;
  box-shadow: 0 0 2px rgba(10,31,51,.2) inset !important;
}

#main-window[privatebrowsingmode] findbar description {
  color: #C0C0C0 !important;
}

/*
 * Sidebars
 */
#sidebar-search-container,
#sidebar-header {
  background: #F2F2F2 !important;
  color: #222426 !important;
  border: 0 !important;
}

#sidebar-box,
#bookmarksPanel,
#history-panel {
  background: #F8F8F8 !important;
}

#sidebar-header {
  padding: 0 3px 0 !important;
}

#sidebar-header #sidebar-title {
  -moz-margin-start: 4px !important;
}

#sidebar-search-container {
  padding: 0 2px 2px !important;
  box-shadow: 0 0 3px #C1C1C1 !important;
}

#search-box {
  margin-right: 5px !important;
}

.sidebar-placesTreechildren {
  padding: 5px 0 4px 3px !important;
}

.sidebar-placesTree .tree-rows[hidevscroll="true"] {
  padding-right: 4px !important;
}

.sidebar-placesTreechildren::-moz-tree-twisty {
  -moz-padding-start: 6px !important;
}

#viewButton {
  margin: 0 5px 0 0 !important;
}

/*
 * Project Chameleon styling - Sidebar test - WIP
 */

/*Text Inputs*/
#search-box {
  -moz-appearance: none !important;
  border: 1px solid #C1C1C1 !important;
  border-radius: 2px !important;
  height: 27px !important;
  padding: 5px 10px !important;
  color: #333333 !important;
}

#search-box:active, 
#search-box[focused] {
  border-color: #0095DD !important;
}

#search-box .textbox-search-icons .textbox-search-icon {
  visibility: collapse !important;
}

/*Buttons*/
#viewButton {
  font-size: 12px !important;
  box-shadow: none !important;
  padding: 0 10px !important;
  border-radius: 2px !important;
  height: 27px !important;
  line-height: 1em !important;
  margin: 0 5px !important;
  background-color: #FBFBFB !important;
  border: 1px solid #C1C1C1 !important;
}

#viewButton:hover {
  box-shadow: none !important;
  background-color: #EBEBEB !important;
}

#viewButton[open=true],
#viewButton:hover:active {
  box-shadow: none !important;
  background-color: #DADADA !important;
}

/*
 * Global popup styling
 */
menupopup,
#main-window menupopup {
  -moz-appearance: none !important;
  background: none !important;
  outline: 0 !important;
  border: 0 !important;
}

#BMB_bookmarksPopup menupopup > hbox {
  box-shadow: unset !important;
  border: unset !important;
  border-radius: unset !important;
  margin-top: unset !important;
}

menupopup:not(#BMB_bookmarksPopup),
#main-window menupopup:not(#BMB_bookmarksPopup) {
  margin: -6px !important;
  padding: 5px !important;
}

menupopup:not(#configContext) menu menupopup,
#main-window menupopup:not(#configContext) menu menupopup,
#main-window splitmenu menupopup:not(#BMB_bookmarksPopup) {
  margin: -10px -2px !important;
}

window#config menupopup,
page#addons-page menupopup {
  margin: 0 !important;
  padding: 0 !important;
}

tabmodalprompt .mainContainer,
menupopup > hbox > .popup-internal-box,
menupopup > .popup-internal-box,
#customization-panelWrapper > .panel-arrowcontent,
:-moz-any(panel,menupopup):not(#customization-tipPanel) > .panel-arrowcontainer > .panel-arrowcontent {
  -moz-user-select: none;
  background: -moz-field !important;
  background-clip: padding-box !important;
  border: 1px solid rgba(24,25,26,0.2) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.15) !important;
  color: #222426 !important;
  padding: 4px !important;
  transition-duration: 250ms !important;
}

menupopup#contentAreaContextMenu > .popup-internal-box > scrollbox > box,
menupopup > .panel-arrowcontainer > .panel-arrowcontent,
menupopup > hbox > .popup-internal-box,
menupopup > .popup-internal-box {
  padding: 4px 0 !important;
}

tabmodalprompt .mainContainer,
#main-window panel#customizationui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent,
menupopup#contentAreaContextMenu > .popup-internal-box,
#customization-panelWrapper > .panel-arrowcontent,
#BMB_bookmarksPopup menupopup > hbox > .popup-internal-box,
:-moz-any(#PanelUI-popup,#BMB_bookmarksPopup,#downloadsPanel,#editBookmarkPanel,#social-share-panel,#customization-lwtheme-menu):not(#customization-tipPanel) > .panel-arrowcontainer > .panel-arrowcontent {
  padding: 0 !important;
}

.searchbar-popup > .popup-internal-box,
.translation-menupopup > .popup-internal-box,
#BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent .popup-internal-box[notoverflowing="true"] .scrollbox-innerbox {
  padding: 4px 0 0 !important;
}

#sponsored-panel > .panel-arrowcontainer > .panel-arrow {
  padding: 10px !important;
}

/*
 * Global popup alignment
 */
#back-button menupopup {
  margin-top: -8px !important;
}

#forward-button menupopup {
  margin-top: -6px !important;
}

#identity-popup,
panel#customizationui-widget-panel,
#widget-overflow,
#PanelUI-popup,
#downloadsPanel,
#newtab-search-panel,
#sponsored-panel,
#editBookmarkPanel {
  margin: 0 -54px !important;
}

#BMB_bookmarksPopup {
  margin-right: -53px !important;
}

#customization-panelWrapper > .panel-arrowbox,
:-moz-any(#downloadsPanel,#editBookmarkPanel,#widget-overflow,#PanelUI-popup,#BMB_bookmarksPopup,panel#customizationui-widget-panel,#sponsored-panel,#newtab-search-panel) > .panel-arrowcontainer > .panel-arrowbox {
  padding: 0 34px !important;
}

#notification-popup,
#identity-popup {
  margin: 0 -48px !important;
}

:-moz-any(#notification-popup,#identity-popup) > .panel-arrowcontainer > .panel-arrowbox {
  padding: 0 30px !important;
}

:-moz-any(#notification-popup,#identity-popup) > .panel-arrowcontainer {
  -moz-margin-start: -2px !important;
}

#main-window[sizemode="maximized"] #appmenu-popup,
window[sizemode="maximized"] menubar menu:first-child menupopup,
#main-window[sizemode="maximized"] #main-menubar menu:first-child menupopup{
  margin-left: -1px !important;
  padding-left: 0 !important;
}

#main-window[sizemode="maximized"] #nav-bar > toolbarbutton:last-of-type menupopup {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

menubar > menu {
  margin: 0 !important;
}

/*
 * Global popup footer styling
 */
.buttonContainer,
.popup-notification-button-container,
.click-to-play-plugins-notification-button-container,
.panel-subview-footer,
#PanelUI-footer-inner,
#main-window .searchbar-popup .open-engine-manager,
#editBookmarkPanelBottomButtons,
#identity-popup-button-container {
  background: rgba(24, 25, 26, 0.07) !important;
  border: 0 !important;
  border-top: 1px solid rgba(24, 25, 26, 0.15) !important;
  display: flex !important;
  min-height: 40px !important;
  height: 40px !important;
  position: relative !important;
  margin: 4px -4px -4px !important;
  padding: 0 !important;
  transition: all 150ms !important;
  font-size: 12px !important;
  box-shadow: none !important;
  -moz-box-align: center !important;
}

#main-window #BMB_bookmarksPopup.PanelUI-subView .panel-subview-footer,
#main-window .searchbar-popup .open-engine-manager,
panel#customizationui-widget-panel .subviewbutton.panel-subview-footer,
menuitem.subviewbutton.panel-subview-footer,
#main-window .PanelUI-subView:not(#BMB_bookmarksPopup) menuitem.translation-attribution,
#customizationui-widget-panel,
#editBookmarkPanelBottomButtons {
  margin: 4px 0 0 !important;
}

.buttonContainer,
#PanelUI-footer-inner {
  margin: 0 !important;
}

.subviewbutton.panel-subview-footer {
  text-align: center !important;
}

.subviewbutton.panel-subview-footer > .menu-accel-container {
  -moz-padding-start: 0 !important;
  -moz-margin-start: 0 !important;
}

#main-window .searchbar-popup .open-engine-manager:hover:not([disabled=true]),
.subviewbutton.panel-subview-footer:hover {
  background: rgba(24, 25, 26, 0.12) !important;
  border-color: rgba(24, 25, 26, 0.15) !important;
}

#main-window .searchbar-popup .open-engine-manager:hover:active,
.subviewbutton.panel-subview-footer:hover:active {
  background: rgba(24, 25, 26, 0.17) !important;
  border-color: rgba(24, 25, 26, 0.15) !important;
}

.popup-notification-menubutton:not([type="menu-button"]),
.popup-notification-menubutton > :-moz-any(.button-menubutton-button,.button-menubutton-dropmarker),
.click-to-play-popup-button,
#downloadsHistory,
#PanelUI-popup :-moz-any(#PanelUI-customize, #PanelUI-help),
:-moz-any(#identity-popup-button-container, #editBookmarkPanelBottomButtons, .buttonContainer) > button {
  -moz-appearance: none !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: rgba(24, 25, 26, 0) !important;
  border: medium none !important;
  border-radius: 0 !important;
  transition: background 150ms, margin 0ms !important;
}

.popup-notification-menubutton:not([type="menu-button"]):hover,
.popup-notification-menubutton > :-moz-any(.button-menubutton-button,.button-menubutton-dropmarker):hover,
.click-to-play-popup-button:hover,
#downloadsHistory:hover,
#PanelUI-popup :-moz-any(#PanelUI-customize, #PanelUI-help):hover,
:-moz-any(#identity-popup-button-container, #editBookmarkPanelBottomButtons, .buttonContainer) > button:hover {
  background-color: rgba(24, 25, 26, 0.05) !important;
}

.popup-notification-menubutton:not([type="menu-button"]):hover:active,
.popup-notification-menubutton > :-moz-any(.button-menubutton-button,.button-menubutton-dropmarker):hover:active,
.popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker,
.click-to-play-popup-button:hover:active,
#downloadsHistory:hover:active,
#PanelUI-popup :-moz-any(#PanelUI-customize, #PanelUI-help):hover:active,
:-moz-any(#identity-popup-button-container, #editBookmarkPanelBottomButtons, .buttonContainer) > button:hover:active {
  background: rgba(24, 25, 26, 0.1) !important;
  box-shadow: 0 1px 0 0 rgba(24, 25, 26, 0.15) inset !important;
}

.buttonContainer > button:not([hidden]):last-child::before,
.click-to-play-popup-button:last-child::before,
.popup-notification-menubutton:not([disabled=true]) > .button-menubutton-button::before,
#editBookmarkPanelDoneButton::before {
  display: -moz-box !important;
  content: "" !important;
  width: 1px !important;
  background: rgba(24, 25, 26, 0.15) !important;
  margin: 6px 0 !important;
  -moz-margin-start: -1px !important;
}

.buttonContainer > button:not([hidden]):last-child,
.click-to-play-popup-button:last-child,
.popup-notification-menubutton:not([disabled=true]) > .button-menubutton-button,
#editBookmarkPanelDoneButton {
  -moz-margin-start: 1px !important;
}

.buttonContainer:hover > button:not([hidden]):last-child::before,
.click-to-play-plugins-notification-button-container:hover .click-to-play-popup-button:last-child::before,
.popup-notification-menubutton[open="true"] .button-menubutton-button::before,
.popup-notification-button-container:hover .popup-notification-menubutton > .button-menubutton-button::before,
#editBookmarkPanelBottomButtons:hover #editBookmarkPanelDoneButton::before {
  margin: 0 !important;
  -moz-margin-start: -1px !important;
}

/*
 * Menu bar
 */
#main-menubar {
  background: rgba(255,255,255,.4) !important;
}

#main-menubar > menu {
  -moz-appearance: none !important;
  min-height: 21px !important;
  height: 21px !important;
}

/*
 * Notification panels
 */
.popup-notification-icon {
  margin: 10px !important;
}

.popup-notification-icon:not([popupid="xpinstall-disabled"]):not([popupid^="addon-"]) {
  margin: 10px 11px 10px !important;
  width: 60px !important;
  height: 60px !important;
}

.popup-notification-description {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.popup-notification-button-container:not([disabled=true]) {
  margin: 15px -21px -5px -86px !important;
  display: -moz-box !important;
}

.popup-notification-menubutton:not([disabled=true]) {
  -moz-appearance: none !important;
  display: -moz-box !important;
  height: 40px !important;
  -moz-box-flex: 1 !important;
  border-radius: 0 !important;
  background: none !important;
}

.popup-notification-menubutton > .button-menubutton-button {
  -moz-box-ordinal-group: 2 !important;
  padding: 0 !important;
}

.popup-notification-menubutton > .button-menubutton-dropmarker {
  width: 40px !important;
}

.popup-notification-closebutton {
  margin-right: -8px !important;
  margin-top: -5px !important;
}

/*
 * Addon install
 */
popupnotification[id*="addon-install"] .popup-notification-button-container {
  margin: 18px -21px -5px -56px !important;
}

#main-window #notification-popup[popupid="addon-progress"] .panel-arrowcontent {
  padding-bottom: 10px !important;
}

#notification-popup[popupid="addon-progress"] .popup-notification-button-container {
  display: none !important;
}

/*
 * Search engines popup
 */
#main-window .searchbar-popup menuitem .menu-iconic-left {
  -moz-margin-start: 0  !important;
}

.searchbar-popup menuitem:not(.open-engine-manager)::before {
  display: -moz-box !important;
  -moz-box-align: center !important;
  -moz-box-pack: center !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 4px 0 1px !important;
  content: "" !important;
}

.searchbar-popup menuitem[selected=true]::before {
  background: url("chrome://global/skin/menu/shared-menu-check.png") no-repeat center center !important;
  background-size: 14px !important;
}

#main-window .searchbar-popup menuitem[selected=true]:not([disabled="true"]):not(.panel-subview-footer) {
  border-color: transparent !important;
  background: none !important;
}

.searchbar-popup menuseparator {
  display: none !important;
}

#main-window .searchbar-popup .open-engine-manager {
  min-height: 35px !important;
  height: 35px !important;
  text-align: center !important;
}

/*
 * Panel UI
 */
#PanelUI-button {
  -moz-border-start: 1px solid rgba(24, 25, 26, 0.15) !important;
  -moz-margin-start: 3px !important;
  background: none !important;
}

#PanelUI-button:-moz-lwtheme {
  border-color: rgba(248, 248, 248, 0.35) !important;
}



#PanelUI-menu-button {
  padding: 8px 5px  !important;
}

#PanelUI-footer-inner {
  background: none !important;
}

#PanelUI-contents {
  padding: 0 !important;
}

#PanelUI-contents-scroller {
  padding: 4px !important;
  width: auto !important;
}

panelview .toolbarbutton-1 {
  margin: 6px -5px 2px 5px !important;
  width: 86px !important;
}

panelview .toolbarbutton-1 > .toolbarbutton-icon {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

:-moz-any(#edit-controls, #zoom-controls)[cui-areatype="menu-panel"] > toolbarbutton {
  min-width: 88px !important;
  max-width: 88px !important;
}

:-moz-any(#edit-controls, #zoom-controls)[cui-areatype="menu-panel"] {
  height: 36px !important;
  border-radius: 0 !important;
}

:-moz-any(#edit-controls,#zoom-controls) > separator {
  width: 1px !important;
  margin: 6px 0 !important;
  background: rgba(24, 25, 26, 0.15) !important;
}

:-moz-any(#edit-controls,#zoom-controls):hover > separator {
  margin: 0 !important;
}

#main-window:not([customizing="true"]) panelview toolbaritem:first-child {
  margin-top: 0 !important;
}

#PanelUI-footer #PanelUI-footer-inner[panel-multiview-anchor=true] {
  background: none !important;
}

#PanelUI-help[panel-multiview-anchor=true]::after,
#PanelUI-mainView toolbarbutton[panel-multiview-anchor=true] {
  background: #177EE5 url(chrome://browser/skin/customizableui/subView-arrow-back-inverted.png) right 5px center no-repeat !important;
}

#PanelUI-help[panel-multiview-anchor=true]::after {
  background-position: right 10px center !important;
}

.panel-viewstack:not([viewtype="main"]) > .panel-subviews {
  box-shadow: 0 3px 5px rgba(24, 25, 26, 0.1), 
    0 0 7px rgba(24, 25, 26, 0.1) !important;
}

.panel-viewstack:not([viewtype="main"]) {
  background-color: rgba(229, 229, 229, 0.97) !important;
}

#PanelUI-popup toolbarbutton:not([panel-multiview-anchor=true]) > label {
  font-size: 12px !important;
  color: #222426 !important;
}

#PanelUI-footer-inner > toolbarbutton {
  padding: 0 15px !important;
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  min-height: 0 !important;
}

#PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor=true]) {
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}

#PanelUI-footer-inner > toolbarseparator {
  border: 0 !important;
  width: 1px !important;
  background: rgba(24, 25, 26, 0.15) !important;
}

/*
 * Panel subview
 */
.panel-subviews {
  border-left: 1px solid rgba(24, 25, 26, 0.2) !important;
  color: #222426 !important;
  padding: 0 !important;
}

.panel-subview-header {
  display: -moz-box !important;
  padding: 7px 12px !important;
  min-height: 30px !important;
  background: none !important;
  box-shadow: 0 -1px 0 rgba(24, 25, 26, 0.15) inset !important;
  font-family: Segoe UI !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  color: #333333 !important;
  margin: 0 !important;
}

.panel-subview-body {
  padding: 8px 0 !important;
  margin: 0 !important;
  font-family: Segoe UI !important;
}

#main-window .PanelUI-subView:not(#BMB_bookmarksPopup) .panel-subview-footer {
  margin: 0 !important;
}

.PanelUI-subView .subviewbutton > label {
  font-size: 12px !important;
  color: #333 !important;
}

.PanelUI-subView .subviewbutton[disabled=true] {
  opacity: .7 !important;
}

.PanelUI-subView .panel-subview-body .subviewbutton:not(.panel-subview-footer)  {
  margin: 0 7px !important;
  padding: 0 4px !important;
}

.PanelUI-subView:not(#PanelUI-history) .panel-subview-body > .subviewbutton > .toolbarbutton-icon {
  display: none !important;
}

#PanelUI-history .restoreallitem > .toolbarbutton-text,
.PanelUI-subView .panel-subview-body .subviewbutton:not([checked=true]) > .toolbarbutton-text {
  padding: 0 !important;
}

.PanelUI-subView .subviewbutton[checked=true] {
  background-position: left 3px center !important;
  background-size: 14px auto !important;
}

.PanelUI-subView menuseparator {
  margin: 7px 0 !important;
}

/*
 * History subview reconstruct
 */
#PanelUI-history #PanelUI-historyItems toolbarbutton:-moz-any(:nth-child(11),:nth-child(12),:nth-child(13),:nth-child(14),:nth-child(15)),
#PanelUI-history .restoreallitem > .toolbarbutton-icon,
#PanelUI-history .panel-subview-body > .subviewbutton > .toolbarbutton-icon {
  visibility: collapse !important;
}

#PanelUI-history :-moz-any(#PanelUI-recentlyClosedTabs,#PanelUI-recentlyClosedWindows) > .subviewbutton:not(.restoreallitem):not(.panel-subview-footer) {
  -moz-margin-start: 15px !important;
}

#customizationui-widget-panel #PanelUI-history :-moz-any(#PanelUI-recentlyClosedTabs,#PanelUI-recentlyClosedWindows) > .subviewbutton:not(.restoreallitem):not(.panel-subview-footer) {
  -moz-margin-start: 25px !important;
}

#PanelUI-history .panel-subview-body > vbox > .subviewbutton:not(.restoreallitem) {
  list-style-image: url("chrome://browser/skin/identity-icons-generic.png") !important;
  -moz-image-region: rect(0, 48px, 16px, 32px) !important;
}

#PanelUI-history :-moz-any(#PanelUI-recentlyClosedTabs,#PanelUI-recentlyClosedTabs-separator,#PanelUI-recentlyClosedWindows-separator,#PanelUI-recentlyClosedWindows) {
  -moz-box-ordinal-group: 2 !important;
}

/*
 * PanelUI subview scrollbar
 */
menupopup scrollbar,
#PanelUI-popup .panel-subview-body scrollbar {
  -moz-appearance: none !important;
  background: none !important;
  padding: 2px 2px 2px 0 !important;
  width: 8px !important;
  min-width: 8px !important;
}

#PanelUI-popup .panel-subview-body scrollbar thumb:not(:active) {
  background-color: rgba(0,0,0,0.2) !important;
}

#PanelUI-popup .panel-subview-body scrollbar thumb:hover {
  background-color: rgba(0,0,0,0.25) !important;
}

#panelUI-popup .panel-subview-body scrollbar thumb:active {
  background-color: rgba(0,0,0,0.3) !important;
}

menupopup scrollbar :-moz-any(scrollbarbutton, gripper),
.panel-subview-body scrollbar :-moz-any(scrollbarbutton, gripper) {
  display: none !important;
}

/*
 * Overflow panel
 */
.widget-overflow-list .toolbarbutton-1,
#widget-overflow-scroller {
  margin: 0 !important;
}

#widget-overflow-list {
  padding: 4px !important;
}

/*
 * Downloads panel
 */
.downloadContainer {
  width: 50ch !important;
}

#downloadsListBox .box-inherit {
  overflow: hidden !important;
}

#downloadsRichListBox {
  padding: 2px !important;
}

#emptyDownloads {
  margin: 4px 2px !important;
}

:-moz-any(#downloadsRichListBox,#downloadsListBox) > richlistitem {
  height: 54px !important;
  border: 1px solid transparent !important;
  outline-width: 0 !important
}

#downloadsPanel > #downloadsListBox > richlistitem:not(:last-child) {
  border-bottom-color: rgba(24, 25, 26, 0.06) !important;
  margin-bottom: -0.5px !important;
}

#downloadsPanel > #downloadsListBox > richlistitem:not(:first-child) {
  border-top-color: rgba(24, 25, 26, 0.06) !important;
  margin-top: -0.5px !important;
}

#downloadsRichListBox > richlistitem,
#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem {
  padding: 0 !important;
  border-radius: 0 !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem > .downloadTypeIcon {
  margin: 0 8px !important;
  pointer-events: none !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem > vbox {
  margin: -1px -1px -1px -49px !important;
  height: 54px !important;
  padding: 0px 7px 4px 50px !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem:-moz-any([state="1"],[state="3"],:not([state])) > vbox {
  padding-top: 7px !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) richlistitem:not([state="1"]) > vbox:hover {
  background: none !important;
}

#downloadsPanel #downloadsSummaryDescription,
:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem > vbox > * {
  margin: 0 !important;
  padding: 0 !important;
}

#downloadsPanel #downloadsSummaryDescription,
:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem .downloadTarget {
  font-size: 12px !important;
  color: #222426 !important;
}

#downloadsPanel #downloadsSummaryDetails,
:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem .downloadDetails {
  color: #7F7F7F !important;
  font-size: 10px !important;
  opacity: 1 !important;
  margin: 0 0 3px !important;
}

#downloadsPanel #downloadsSummaryDetails {
  margin: 0 !important;
}

#downloadsRichListBox > richlistitem .downloadDetails {
  font-size: 11px !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem > vbox:-moz-any(*),
:-moz-any(#downloadsListBox, #downloadsRichListBox) .downloadButton:-moz-any(*) {
  border: 0 !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem .downloadButton {
  padding: 0 !important;
  margin: -1px -1px -1px 0 !important;
  width: 45px !important;
  height: 54px !important;
}

:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem .downloadButton::before {
  display: -moz-box !important;
  content: "" !important;
  width: 1px !important;
  background: rgba(24, 25, 26, 0.15) !important;
  margin: 6px 0 !important;
}

#downloadsRichListBox > richlistitem[selected=true] .downloadButton::before,
:-moz-any(#downloadsListBox, #downloadsRichListBox) > richlistitem:hover .downloadButton::before {
  margin: 0 !important;
}

.downloadButton.downloadCancel {
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

.downloadButton.downloadShow {
  -moz-image-region: rect(16px, 16px, 32px, 0px) !important;
}

.downloadButton.downloadRetry {
  -moz-image-region: rect(32px, 16px, 48px, 0px) !important;
}

#downloadsPanel > #downloadsFooter {
  background: rgba(24, 25, 26, 0.07) !important;
  border-top: 1px solid rgba(24, 25, 26, 0.15) !important;
  box-shadow: none !important;
}

#downloadsPanel #downloadsHistory { 
  color: inherit !important;
}

#downloadsPanel #downloadsHistory > .button-box {
  height: 40px !important;
  margin: 0 !important;
}

#downloadsPanel #downloadsSummary {
  height: 60px !important;
  padding: 8px 50px 8px 13px !important;
}

#downloadsSummary > .downloadTypeIcon {
  -moz-margin-end: 9px !important;
}

:-moz-any(#downloadsPanel, #downloadsRichListBox) .downloadProgress {
  -moz-appearance: none !important;
  -moz-box-ordinal-group: 2 !important;
  min-height: 6px !important;
  height: 6px !important;
  margin-left: 1px !important;
  border: 0 !important;
  border-radius: 0 !important;
}

:-moz-any(#downloadsPanel, #downloadsRichListBox) .downloadProgress .progress-remainder {
  background: #ccc !important;
}

:-moz-any(#downloadsPanel, #downloadsRichListBox) .downloadProgress .progress-bar,
#downloads-button:not([paused]) #downloads-indicator-progress .progress-bar {
  -moz-appearance: none !important;
  background: #0082EA !important;
  border-color: transparent !important;
}

#downloads-button:not([paused])[open="true"] #downloads-indicator-progress .progress-bar {
  background: #FFF !important;
}

:-moz-any(#downloadsRichListBox,#downloadsListBox) > richlistitem[state="4"] .downloadProgress .progress-bar,
#downloads-button[paused] #downloads-indicator-progress .progress-bar {
  background-color: #808080 !important;
  background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, rgba(255, 255, 255, 0.2) 3px, rgba(255, 255, 255, 0.2) 6px) !important;
}

#downloads-indicator-progress .progress-remainder {
  background: #CCC !important;
  border-color: transparent !important;
}

/*
 * Identity panel
 */
#identity-popup #identity-popup-container {
  padding: 0 !important;
  margin: -4px !important;
}

#identity-popup #identity-popup-icon {
  width: 54px !important;
  height: 54px !important;
  margin: 14px 18px !important;
}

#identity-popup #identity-popup-content-box {
  background: rgba(26,26,26,.01) !important;
  -moz-border-start: 1px solid rgba(26,26,26,.05) !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  -moz-padding-end: 15px !important;
  -moz-box-flex: 1 !important;
  min-height: 85px !important;
}

#identity-popup #identity-popup-content-box.chromeUI {
  padding-top: 8px !important;
  padding-bottom: 15px !important;
}

#identity-popup #identity-popup-content-box #identity-popup-content-verifier {
  color: #63A621 !important;
}

#identity-popup #identity-popup-permissions {
  padding-top: 5px !important;
  -moz-margin-start: -91px !important;
  -moz-padding-start: 91px !important;
  -moz-margin-end: -15px !important;
  -moz-padding-end: 15px !important;
  margin-top: 15px !important;
  border-top: 1px solid rgba(26,26,26,.05) !important;
}

#identity-popup #identity-popup-permissions > .thin::before {
  display: -moz-box !important;
  content: '' !important;
  position: absolute !important;
  margin: 8px 0 -42px;
  -moz-margin-start: -66px;
  -moz-margin-end: 66px;
  padding: 0;
  min-width: 40px;
  min-height: 40px;
  background: url("chrome://browser/skin/preferences/in-content/header.png") -160px 0px content-box;/*obsolete*/
}

#identity-popup-button-container > spacer {
  min-width: 1px !important;
  max-width: 1px !important;
  background: rgba(24, 25, 26, 0.15) !important;
  margin: 6px 0 !important;
}

#identity-popup-button-container:hover > spacer {
  margin: 0 !important;
}

#identity-popup-help-icon {
  width: 90px !important;
  list-style-image: url("chrome://browser/skin/menuPanel-help.png") !important;
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

#editBookmarkPanelBottomButtons > button,
#identity-popup-more-info-button {
  flex: 1 !important;
  color: #222426 !important;
  font-size: 11px !important;
}

/*
 * Edit bookmark panel
 */
#editBookmarkPanel {
  font-size: 11px !important;
}

#editBookmarkPanel .panel-arrowcontent {
  padding: 0 !important;
}

#editBMPanel_rows row > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#editBMPanel_rows > row {
  margin: 0 0 8px !important;
}

row#editBookmarkPanelHeader {
  padding: 12px !important;
  border-bottom: 1px solid rgba(24, 25, 26, 0.15) !important;
  margin-bottom: 12px !important;
}

#editBookmarkPanelStarIcon {
  margin-right: 8px !important;
  list-style-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png") !important;
}

#editBookmarkPanelTitle {
  font-size: 16px !important;
  margin: 0 4px !important;
}
#editBookmarkPanelDescription {
  margin: 1px 4px !important;
}

#editBookmarkPanelHeader > vbox > hbox {
  display: flex !important;
}

#editBookmarkPanelContent {
  margin: 0 !important;
}

#editBookmarkPanelContent .expander-down {
  width: 32px !important;
}

#editBookmarkPanelContent :-moz-any(menulist, button) {
  height: 24px !important;
}

#editBookmarkPanelContent button:not(#editBookmarkPanelRemoveButton) {
  opacity: .7 !important;
}

#editBookmarkPanelContent textbox {
  min-height: 24px !important;
}

#editBookmarkPanelContent .editBMPanel_rowLabel {
  text-align: right !important;
}

#editBookmarkPanelDoneButton {
  order: 2 !important;
}

/*
 * Sync panel notification
 */
.panel-promo-box {
  margin: 4px -4px -4px !important;
  padding: 8px 12px !important;
  background: rgba(200,200,200,.05) !important;
  box-shadow: none !important;
  border-top: 1px solid rgba(24, 25, 26, 0.1) !important;
}

/*
 * Appmenu
 */
#appmenu-button {
  border: 0 !important;
  box-shadow: none !important;
  transition: all 250ms !important;
  margin-left: 1px !important;
  background: #E26515 !important;
}

#appmenu-button > .button-box > .button-menu-dropmarker {
  margin-top: 2px !important;
}

#appmenu-button[label="Aurora"] {
  background: #02519E !important;
}

#appmenu-button:hover {
  background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) !important;
}

#appmenu-button[open],
#appmenu-button:hover:active {
  background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)) !important;
}

menupopup#appmenu-popup > .popup-internal-box {
  padding: 0 !important;
}

#appmenuSecondaryPane,
#appmenuPrimaryPane {
  padding: 4px 0 !important;
}

#appmenu-popup menuseparator {
  margin: 4px 0 !important;
}

#appmenuSecondaryPane {
  background: rgba(200,200,200,.1) !important;
  box-shadow: none !important;
  border-left: 1px solid rgba(24, 25, 26, 0.1) !important;
}

/*
 * Customization container
 */
#customization-header {
  border-bottom: 1px solid #E5E5E5;
  margin: 25px 28px 15px !important;
  padding: 0 0 15px !important;
  font-size: 21px !important;
  color: #666666 !important;
}

#customization-container {
  background-color: #FFF !important;
  background-clip: border-box !important;
  border: 1px solid rgba(10, 31, 51, 0.35) !important;
  border-top: 0 !important;
}

#main-window #customization-lwtheme-menu .panel-arrowcontent {
  padding: 10px !important;
}

/*
 * Window & In-content pages - Work in progress
 */
@-moz-document url-prefix("about:"), url("chrome://browser/content/places/places.xul") {
  menupopup {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/*
 * Page info & preferences window
 */
@-moz-document url("chrome://browser/content/preferences/preferences.xul"), url("chrome://browser/content/pageinfo/pageInfo.xul") {
  prefwindow,
  window, 
  caption {
    background: #FAFAFA !important;
  }

  .paneSelector,
  #topBar {
    border-bottom: 1px solid rgba(24, 25, 26, 0.2) !important;
    padding: 0 5px !important;
  }

  :-moz-any(#viewGroup,.paneSelector) radio {
    border: 1px solid rgba(0,0,0,0) !important;
    border-width: 0 1px 0 !important;
    margin-bottom: -1px !important;
    min-width: 60px !important;
  }

  :-moz-any(#viewGroup,.paneSelector) radio:hover {
    background: rgba(24, 25, 26, 0.05) !important;
  }

  :-moz-any(#viewGroup,.paneSelector) radio[selected=true] {
    background: #FAFAFA !important;
    border-color: rgba(24, 25, 26, 0.2)  !important;
  }

  menulist,
  button {
    margin: 3px 4px !important;
    height: 23px !important;
    border-radius: 0 !important;
  }

  menulist:not([editable="true"]) > .menulist-dropmarker {
    -moz-margin-end: 0 !important;
  }

  menuitem {
    padding: 2px 5px !important;
    color: #222426 !important;
  }

  menulist,
  button {
    -moz-appearance: none !important;
    background: rgba(24, 25, 26, 0.02) !important;
    border: 1px solid rgba(24, 25, 26, 0.12) !important;
    color: #222426 !important;
  }

  menulist[disabled=true],
  button[disabled=true] {
    opacity: .6 !important;
  }

  :-moz-any(menulist,menuitem,button):hover:not([disabled=true]),
  menuitem[selected="true"],
  button[open="true"]:not([disabled=true]),
  button[checked=true]:not([disabled=true]) {
    background: rgba(24, 25, 26, 0.08) !important;
  }

  menulist:-moz-any(:hover:active,[open]):not([disabled=true]),
  button:hover:active:not([disabled=true]) {
    background: rgba(24, 25, 26, 0.12) !important;
    box-shadow: 0 1px 0 0 rgba(24, 25, 26, 0.1) inset !important;
  }
}

/*
 * Project Chameleon - in-content style -- WIP
 */
@-moz-document url("about:permissions"), url("about:addons"), url-prefix("about:preferences"), url("chrome://confmania/content/preferences_in_content.xul") {
  page {
    -moz-appearance: none !important;
    background: #F1F1F1 !important;
    padding: 0 !important;
  }
  
  #addons-page::before {
    position: fixed !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 39px !important;
    -moz-padding-start: 48px !important;
    color: #454545 !important;
    display: -moz-box !important;
    content: attr(title) !important;
  }

  #header {
    display: -moz-box !important;
    margin: 0 !important;
    padding: 3px 5px !important;
    background: #FCFCFC  url(chrome://branding/content/icon32.png) left 4px center no-repeat !important;
    background-origin: content-box !important;
    box-shadow: 0 0 2px #E7E7E7 !important;
    border-bottom: 1px solid #E7E7E7 !important;
  }

  #header #updates-container {
    font-size: 13px !important;
    position: relative !important;
    top: 1px !important;
    right: 5px !important;
  }

  #header-utils-btn > image {
    margin: 0 !important;
  }

  #header-utils-btn > dropmarker,  
  #header :-moz-any(#forward-btn, #back-btn) {
    display: none !important;
  }

  #permissions-content {
    border: 0 !important;
    color: #424E5A !important;
  }

  #permissions-box,
  #addon-list > scrollbox > .box-inherit,
  .main-content {
    background: none !important;
    padding: 40px 48px 48px !important;
    border: 0 !important;
  }
  
  #permissions-box {
    padding-bottom: 20px !important;
  }
  
  #view-port-container.main-content,
  #permissions-content.main-content {
    padding: 0 !important;
  }

  #addon-list .addon {
    margin: 3px 0 !important;
    padding: 5px !important;
    border: 1px solid #CDCDCD !important;
    border-radius: 2px !important;
  }

  #addon-list .addon[selected] {
    background-color: #FBFBFB !important;
  }
  
  #addon-list .addon[disabled=true] {
    background-color: #E5E5E5 !important;
  }
  
  .view-header {
    border-bottom: 1px solid #c1c1c1 !important;
    padding: 2px !important;
    background: #fbfbfb !important;
  }

  #addons-page .global-info-container {
    border-color: #c1c1c1 !important;
    background: #f5f5f5 !important;
    border-radius: 0 !important;
  }

  .alert {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    padding: 80px  !important;
  }

  .alert > button.discover-button {
    margin: 20px 0 !important;
  }
  
  #permissions-box > .pref-item {
    margin: 0 0 13px !important;
  }

  .pref-item .pref-icon {
    display: none !important;
  }
  
  #permissions-box .pref-menulist {
    -moz-margin-start: 0 !important;
  }

  #permissions-box > .pref-item .pref-title {
    margin: 0 0 5px !important;
    font-size: 1.3rem !important;
  }
  
  #site-visit-count {
    margin: 9px 15px 0 !important;
    font-size: 14px !important;
  }
  
  #header-deck {
    border-bottom: 1px solid #c8c8c8 !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
  }
  
  #header-deck .pref-item {
    margin: 0 !important;
  }
  
  #defaults-description,
  #site-description {
    font-size: 2.5rem !important;
    font-weight: normal !important;
    margin: 0 !important;
  }

  #sites-box {
    -moz-appearance: none !important;
    background: #424E5A !important;
    padding: 0 !important;
    width: auto !important;
  }

  #sites-filter {
    margin: 4px !important;
  }
  
  separator.thin {
    display: none !important;
  }
  
  #saveToRow filefield,
  #saveToRow filefield textbox {
    margin: 0 5px !important;
    -moz-margin-end: 0 !important;
    border-radius: 2px 0 0 2px !important
  }

  #saveToRow button {
    -moz-margin-start: 0 !important;
    -moz-border-start: 0 !important;
    border-radius: 0 2px 2px 0 !important
  }
  
  #saveToRow filefield .fileFieldIcon {
    display: none !important;
  }

  /*Vertical tabs*/
  :-moz-any(#sites-list,#categories) {
    background: #424f5a !important;
    border: 0 !important;
    font-size: inherit !important;
    padding: 39px 0 0 !important;
    margin: 0 !important;
  }

  #sites-list {
    padding: 0 !important;
  }
  
  @media (max-width: 800px) {
    .category-name {
      display: none !important;
    }
  }

  :-moz-any(#sites-list,#categories) richlistitem {
    -moz-appearance: none !important;
    color: #c1c1c1 !important;
    border: 0 !important;
    padding: 0 !important;
    -moz-padding-end: 21px !important;
    -moz-padding-start: 15px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    transition: background-color 50ms ease 0s !important;
  }

  #sites-list richlistitem {
    min-height: 35px !important;
  }

  #categories richlistitem[disabled=true] {
    visibility: collapse !important;
  }

  :-moz-any(#sites-list,#categories) richlistitem:hover {
    background-color: rgba(255,255,255,0.15)!important;
  }

  :-moz-any(#sites-list,#categories) richlistitem[selected] {
    background: none repeat scroll 0 0 #343f48 !important;
    box-shadow: 4px 0 0 0 #ff9500 inset !important;
    color: #fbfbfb !important;
  }

  #categories richlistitem > image {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
  }

  :-moz-any(#sites-list,#categories) richlistitem label {  
    -moz-padding-start: 9px !important;
    font-size: inherit !important;
    line-height: 22px !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 1.25rem !important;
    font-family: "Clear Sans",sans-serif !important;
  }

  .category-badge[value="0"] {
    visibility: collapse !important;
  }

  /*Horizontal tabs*/
  tabs#tabsElement {
    border-top: 1px solid #c1c1c1 !important;
    border-bottom: 1px solid #c1c1c1 !important;
    -moz-border-bottom-colors: #c1c1c1 !important;
    background-color: #fbfbfb !important;
  }

  tabs#tabsElement > tab {
    border: 0 !important;
    -moz-box-flex: 200 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 44px !important;
  }

  tabs#tabsElement > tab:hover {
    background: #ebebeb !important;
    background: rgba(0, 0, 0, 0.05) !important;
  }

  tabs#tabsElement tab[selected=true] {
    background: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 -4px 0 0 #ff9500 inset !important;
  }

  tabs#tabsElement tab > .tab-middle > .tab-text {
    border: none !important;
    background: none !important;
    color: #424f5a !important;
    font-weight: normal !important;
  }

  /*Text Inputs*/
  textbox {
    -moz-appearance: none !important;
    border: 1px solid #C1C1C1 !important;
    border-radius: 2px !important;
    background: #FFFFFF !important;
    font-size: 15px !important;
    padding: 0 10px !important;
    line-height: 26px !important;
    margin: 2px 5px !important;
    height: 30px !important;
    color: #333333 !important;
    box-shadow: none !important;
  }

  textbox .textbox-search-icons {
    -moz-box-ordinal-group: 0 !important;
    pointer-events: none !important;
    margin-right: 10px !important;
    opacity: 1 !important;
    transition: margin-right .15s, opacity .1s !important;
  }

  textbox[focused] .textbox-search-icons {
    margin-right: -15px !important;
    opacity: 0 !important;
  }

  textbox .textbox-search-icons .textbox-search-icon {
    width: 15px !important;
    height: 15px !important;
    transform: scaleX(-1) !important;
    list-style-image: url("chrome://browser/skin/devtools/magnifying-glass-light@2x.png") !important;
    -moz-image-region: auto !important;
    pointer-events: none !important;
    opacity: 1 !important;
  }

  textbox:active:not([disabled=true]), 
  textbox[focused]:not([disabled=true]) {
    border-color: #0095DD !important;
  }

  /*Buttons*/
  :-moz-any(toolbarbutton, button, menulist,#header-utils-btn):not(.help-button):not(.close-icon) {
    -moz-appearance: none !important;
    padding: 0 10px !important;
    font-size: 15px !important;
    margin: 2px 5px !important;
    border-radius: 2px !important;
    background: #fbfbfb !important;
    border: 1px solid #c1c1c1 !important;
    box-shadow: none !important;
    color: rgb(51, 51, 51) !important;
    -moz-box-align: center !important;
    text-decoration: none !important;
    min-height: 30px !important;
    line-height: 20px !important;
  }

  button > .button-box,
  menulist > .menulist-label-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  :-moz-any(toolbarbutton, button, menulist):hover:not([disabled=true]):not(.help-button):not(.close-icon) {
    background: #ebebeb !important;
  }

  :-moz-any(toolbarbutton, button, menulist):-moz-any(:hover:active,[open=true]):not([disabled=true]):not(.help-button):not(.close-icon) {
    background: #dadada !important;
  }

  button.details.button-link:not([disabled=true]) {
    min-height: 0 !important;
  }

  button.details.button-link .button-box {
    margin: -2px -5px !important;
  }

  .button-link:not([disabled=true]) {
    color: rgb(51, 51, 51) !important;
    background: none !important;
  }

  .button-link:hover {
    text-decoration: none !important;
    background: none !important;
  }

  :-moz-any(toolbarbutton, button, menulist)[disabled=true] {
    opacity: .4 !important;
    border-color: rgba(23,50,77,.4) !important;
  }

  menulist .menulist-dropmarker,
  button[type="menu"] .button-menu-dropmarker {
    -moz-appearance: none !important;
    min-width: 12px!important;
    max-width: 12px!important;
    min-height: 4px !important;
    max-height: 4px !important;
    border: none !important;
    padding: 1px 0 !important;
    -moz-margin-end: 2px !important;
    background-color: transparent !important;
    list-style-image: none !important;
    border: 8px solid !important;
    border-width: 6px 5px 0 !important;
    border-color: #c0c0c0 transparent transparent !important;
  }

  menulist:-moz-any(:hover, :hover:active, [open=true]) .menulist-dropmarker,
  button[type="menu"]:-moz-any(:hover, :hover:active, [open=true]) .button-menu-dropmarker {
    border-color: #424f5a transparent transparent !important; 
  }

  menulist menuitem:not(.panel-subview-footer) {
    -moz-padding-end: 25px !important;
  }

  /*Group buttons*/
  .control-container {
    overflow: hidden !important;
    border-radius: 2px !important;
    border: 1px solid #c1c1c1 !important;
  }

  page .control-container > .addon-control:not(.close-icon) {
    margin: 0 -1px 0 !important;
    border-radius: 0 !important;
    border-width: 0 1px 0 !important;
  }

  /*Checkbox*/
  .checkbox-check {
    -moz-appearance: none!important;
    -moz-margin-end: 10px!important;
    background-color: #ffffff!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    border: 1px solid #c1c1c1!important;
    border-radius: 2px!important;
    box-shadow: 0 1px 1px 0 #ffffff, 0 2px 0 0 rgba(0, 0, 0, 0.03) inset!important;
    height: 23px!important;
    width: 23px !important;
  }

  checkbox:hover:not([disabled="true"]) > .checkbox-check {
    border-color: #0095dd !important;
  }

  checkbox:hover:active:not([disabled="true"]) > .checkbox-check {
    border: 1px solid #006b9d !important;
    box-shadow: 0 0 4px #006b9d !important;
  }

  .checkbox-check[checked] {
    background-image: url("chrome://browser/skin/preferences/in-content/check.png"), 
                      url("chrome://global/skin/in-content/check.png"), 
                      url("chrome://browser/skin/in-content/check.png") !important;
    border-color: #0095dd !important;
  }

  checkbox[disabled="true"] > .checkbox-check {
    opacity: 0.5 !important;
  }

  .checkbox-label-box {
    -moz-margin-start: -1px;
    -moz-padding-start: 0;
  }

  /*radio*/
  radio {
    -moz-binding: url("chrome://global/content/bindings/radio.xml#radio") !important;
    -moz-margin-start: 0 !important;
  }

  .radio-check {
    -moz-appearance: none !important;
    -moz-margin-end: 10px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #A2ADB8 !important;
    border-radius: 50% !important;
    padding: 5px !important;
    box-shadow: 0 1px 1px 0 #ffffff, 0 2px 0 0 rgba(0, 0, 0, 0.03) inset;
    height: 23px ;
    width: 23px;
  }

  radio:hover:not([disabled="true"]) > .radio-check {
    border-color: #0095dd !important;
  }

  radio:hover:active:not([disabled="true"]) > .radio-check {
    border: 1px solid #006b9d !important;
    box-shadow: 0 0 4px #006b9d !important;
  }

  .radio-check[selected] {
    background: linear-gradient(#2292D0, #2292D0), #FFF !important;
    background-clip: content-box, border-box !important;
    border-color: #0095dd !important;
  }

  radio[disabled="true"] > .radio-check {
    opacity: 0.5 !important;
  }

  .radio-label-box {
    -moz-margin-end: 10px;
    -moz-margin-start: -1px;
    -moz-padding-start: 0;
  }

  /*Textbox type=number*/
  textbox[type=number] {
    padding: 0 !important;
    overflow: hidden !important;
  }

  textbox[type=number] .spinbuttons-box button.spinbuttons-button { 
    margin: 0 !important;
    min-height: 11px !important;
    padding: 0 5px !important;
    border-radius: 0 !important;
  }

  textbox[type=number] .spinbuttons-box {
    -moz-margin-start: 10px !important;
    -moz-border-start: 1px solid #c1c1c1 !important;
  }

  textbox[type=number] button.spinbuttons-button.spinbuttons-up {
    border-width: 0 !important;
  }

  textbox[type=number] button.spinbuttons-button.spinbuttons-down {
    border-width: 1px 0 0 !important;
  }
  
  /*menupopup*/
  :-moz-any(menulist,button[type="menu"],toolbarbutton) > menupopup {
    -moz-appearance: none !important;
    background-color: #fff !important;
    border: 1px solid rgba(23, 50, 77, 0.4) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
  }

  :-moz-any(menulist,button[type="menu"],toolbarbutton) > menupopup > .popup-internal-box {
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
  }

  :-moz-any(menulist,button[type="menu"],toolbarbutton) > menupopup :-moz-any(menu,menuitem) {
    -moz-appearance: none !important;
    font-size: 1.25rem!important;
    line-height: 22px!important;
    min-height: 40px!important;
    margin: 0 !important;
    color: #333!important;
    -moz-padding-start: 10px!important;
    -moz-padding-end: 30px!important;
    border: 0 !important;
  }
  
  .addon-control[disabled="true"]:not(.no-auto-hide) {
    display: none !important;
  }
  
  :-moz-any(menulist,button[type="menu"],toolbarbutton) > menupopup > :-moz-any(menu,menuitem):-moz-any(:active:hover,:hover):not([disabled="true"]) {
    color: #333 !important;
    background: rgba(76,177,255,0.25) !important;
  }

  :-moz-any(menulist,button[type="menu"],toolbarbutton) > menupopup > :-moz-any(menu,menuitem):-moz-any([open],[checked="true"],[selected="true"]):not([disabled="true"]) {
    color: #fff !important;
    background: #1792e5 !important;
  }

  :-moz-any(menulist,button[type="menu"],toolbarbutton) > menupopup menuseparator {
    margin: 0 !important;
  }
}